@charset "UTF-8";
html {
  font-size: 62.5%;
  font-family: "Microsoft yahei"; }

body,
textarea,
input,
select,
option {
  color: #333;
  font-family: "Hiragino Sans GB", "Microsoft Yahei", tahoma, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent; }

body,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
ol,
ul,
dl,
dd,
p,
textarea,
input,
select,
option,
form {
  margin: 0;
  padding: 0; }

ol,
ul,
textarea,
input,
option,
th,
td {
  padding: 0; }

.page {
  min-width: 320px;
  max-width: 750px;
  margin: 0 auto; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%; }

a,
select,
input,
textarea {
  outline: none; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ul,
ol {
  list-style-type: none; }

.hide {
  display: none; }

.show {
  display: block; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clear {
  clear: both;
  height: 0;
  overflow: hidden; }

/* ios默认文本框阴影 */
input[type="text"],
textarea {
  -webkit-appearance: none; }

/* 低版本安卓文本框层级问题 */
input:focus {
  -webkit-user-modify: read-write-plaintext-only; }

fieldset,
img {
  border: 0; }

a {
  text-decoration: none; }

a,
textarea,
input {
  outline: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

textarea {
  overflow: auto;
  resize: none; }

@media only screen and (min-width: 320px) {
  html {
    font-size: 75% !important;
    /* 12÷16=75% */ } }

/**
    62.5%   10px;
    640 150%    24px;
    320除以标准比例 640  再乘以 640的基数24  再除以  HTML 根据基数16
    320/640  * 24 / 16 = 75%;
    375/640  * 24 / 16 = 87.89%;
    414/640  * 24 / 16 = 97.03%
*/
@media only screen and (min-width: 360px) {
  html {
    font-size: 84.3% !important;
    /* 13.5÷16=84.3% */ } }

@media only screen and (min-width: 375px) {
  html {
    font-size: 87.890625% !important;
    /* 14.0625÷16=87.890625% */ } }

@media only screen and (min-width: 384px) {
  html {
    font-size: 90% !important;
    /* 14.4÷16=90% */ } }

@media only screen and (min-width: 390px) {
  html {
    font-size: 91.4% !important;
    /* 14.625÷16=91.4% */ } }

@media only screen and (min-width: 412px) {
  html {
    font-size: 96.56% !important;
    /* 15.45÷16=96.56% */ } }

@media only screen and (min-width: 414px) {
  html {
    font-size: 97.03% !important;
    /* 15.525÷16=97.03% */ } }

@media only screen and (min-width: 480px) {
  html {
    font-size: 112.5% !important;
    /* 18÷16=112.5% */ } }

@media only screen and (min-width: 560px) {
  html {
    font-size: 131.25% !important;
    /* 21÷16=131.25% */ } }

@media only screen and (min-width: 640px) {
  html {
    font-size: 150% !important;
    /* 24÷16=150% */ } }

@media only screen and (min-width: 720px) {
  html {
    font-size: 168.75% !important;
    /* 27÷16=168.75% */ } }

@media only screen and (min-width: 750px) {
  html {
    font-size: 175.78125% !important;
    /* 28.125÷16=175.78125% */ } }

.bottom {
  display: none !important; }

.top {
  height: 3.05778rem;
  border-bottom: solid 1px var(--adm-border-color);
  background: #2fd8c0;
  color: #effcfa;
  font-size: 1.13778rem; }

.swiper_box {
  width: 90%;
  margin: 0 auto; }
  .swiper_box :global(.adm-swiper) {
    height: 21.33333rem; }
  .swiper_box :global(.adm-page-indicator-dot) {
    width: 0.71111rem;
    height: 0.71111rem;
    border-radius: 50%; }
  .swiper_box .banner_img {
    width: 100%;
    height: 100%; }
    .swiper_box .banner_img img {
      display: block;
      width: 100%;
      height: 100%; }

.detail_box {
  width: 90%;
  margin: 1.42222rem auto; }
  .detail_box h2 {
    font-size: 1.13778rem;
    color: #656565;
    font-weight: bold; }
  .detail_box .price {
    display: flex;
    justify-content: space-between;
    font-size: 1.13778rem;
    color: #ff7098;
    font-weight: bold; }
    .detail_box .price i {
      font-size: 0.85333rem;
      color: #ff7098; }
    .detail_box .price em {
      font-style: normal;
      font-weight: normal;
      transform: scale(0.8);
      font-size: 0.85333rem;
      margin-left: 0.71111rem;
      color: #b2b2b2; }
  .detail_box .detailData_des {
    padding: 1.42222rem 0;
    color: #ababab; }
  .detail_box .detailData_publisher .detailData_publisher_title {
    margin: 0.71111rem 0;
    line-height: 1.42222rem;
    padding-left: 0.35556rem;
    border-left: 0.21333rem solid #28d2d1;
    font-size: 1.13778rem;
    color: #666666; }
  .detail_box .detailData_publisher .leavingItem {
    padding: 1.06667rem;
    border: 0.07111rem solid #f8f8f8;
    border-radius: 0.35556rem;
    margin: 0.71111rem; }
  .detail_box .detailData_publisher .user {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #636363; }
    .detail_box .detailData_publisher .user .user_l_box {
      display: flex; }
      .detail_box .detailData_publisher .user .user_l_box .user_l {
        display: flex;
        align-items: center;
        margin-bottom: 0.35556rem; }
        .detail_box .detailData_publisher .user .user_l_box .user_l .nickName {
          margin-left: 0.35556rem; }
      .detail_box .detailData_publisher .user .user_l_box .user_r {
        margin-left: 0.35556rem;
        font-size: 0.85333rem;
        font-weight: bold; }
        .detail_box .detailData_publisher .user .user_l_box .user_r .user_r_b {
          font-weight: normal;
          color: #989898;
          transform: scale(0.9);
          margin-left: -0.35556rem; }
          .detail_box .detailData_publisher .user .user_l_box .user_r .user_r_b span:nth-child(1) {
            padding-right: 0.35556rem; }
    .detail_box .detailData_publisher .user .user_r_item {
      width: 3.34222rem;
      line-height: 1.56444rem;
      background: #28d2d1;
      color: #333;
      text-align: center;
      font-size: 0.85333rem;
      transform: scale(0.9);
      margin-left: -0.35556rem;
      border-radius: 0.35556rem; }
    .detail_box .detailData_publisher .user .user_r_item1 i {
      display: block;
      width: 1.56444rem;
      height: 1.56444rem;
      background: url(../../images/zan_out.png) no-repeat;
      background-size: 100% 100%; }

.detailData_bottom {
  width: 100%;
  padding-left: 1.42222rem;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 3.55556rem;
  background: #fff;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .detailData_bottom .detailData_bottom_l {
    width: 10.31111rem;
    display: flex;
    justify-content: space-between; }
    .detailData_bottom .detailData_bottom_l i {
      display: block;
      width: 22px;
      height: 22px;
      background: url(../../images/zan_out.png) no-repeat;
      background-size: 100% 100%; }
      .detailData_bottom .detailData_bottom_l i.pl_bck {
        background: url(../../images/pl_out.png) no-repeat; }
      .detailData_bottom .detailData_bottom_l i.sc_bck {
        background: url(../../images/sc_full.png) no-repeat; }
    .detailData_bottom .detailData_bottom_l p {
      font-size: 0.85333rem;
      padding: 0.42667rem 0; }
  .detailData_bottom .detailData_bottom_r {
    width: 4.69333rem;
    line-height: 2.48889rem;
    background: #31dabb;
    color: #fcfefe;
    font-size: 0.85333rem;
    text-align: center;
    border-radius: 1.06667rem;
    margin-right: 1.42222rem; }

.top_time {
  text-align: right;
  padding: 0.64rem 0;
  font-size: 0.85333rem;
  color: #d1d1d1; }

.user_r_box {
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid #f1f1f1;
  display: flex;
  justify-content: space-around;
  padding: 0.85333rem 0; }
  .user_r_box div {
    display: flex;
    align-items: center;
    padding: 0 0.35556rem;
    color: #cdcdcd; }
  .user_r_box i {
    display: block;
    width: 0.85333rem;
    height: 0.85333rem;
    background: url(../../images/zan.png) no-repeat; }
    .user_r_box i.common {
      background: url(../../images/pl.png) no-repeat; }

.top_banner img {
  display: block;
  width: 100%;
  height: 12.87111rem; }

.other {
  height: 21.33333rem;
  padding: 1.42222rem; }
  .other .other_title {
    text-align: center; }

.weaf_title {
  font-size: 0.99556rem;
  font-weight: bold; }

.weaf_time {
  padding: 0.35556rem;
  color: #dbdbdb;
  font-size: 0.85333rem;
  transform: scale(0.9);
  margin-left: -0.71111rem; }

.detailData_weaf_l {
  display: flex; }
  .detailData_weaf_l i {
    display: block;
    width: 22px;
    height: 22px;
    background: url(../../images/zan_out.png) no-repeat;
    background-size: 100% 100%; }
  .detailData_weaf_l p {
    font-size: 0.85333rem;
    padding: 0.42667rem 0; }

.weaf_c input {
  width: 15.36rem;
  height: 1.92rem;
  text-indent: 0.85333rem;
  border: none;
  background: #eeeeee;
  outline: none;
  border-radius: 0.21333rem; }

.img_active img {
  display: block;
  width: 100%;
  height: 100%; }
